body{
    width: 100%;
    height: auto;
    min-height: 100%;
    background-color:#19150a;
    -webkit-font-smoothing: antialiased;
    padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
}
.content{
    padding: 0;
    /*padding-bottom:.2rem;*/
}
.percent{
    width: 100%;
    height: 100%;
    background-color: #19150a;
    vertical-align: middle;
    z-index: 9999999!important;
}
.percent p{
    color: #ffffff;
    font-size: .4rem;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);

}
/*加载进度样式*/
.load {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #19150a;
    z-index: 11;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.con-load {
    position: relative;
    width: 1rem;
    height: 1rem;
}

.load img {
    width: .8rem;
    position: absolute;
    top: -.8rem;
    left: 0;
    z-index: 13;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

.load p {
    width: .8rem;
    height: .8rem;
    font-size: .28rem;
    font-weight: bold;
    color: #ffffff;
    line-height: .8rem;
    position: absolute;
    top: .2rem;
    left: 0;
    z-index: 14;
    text-align: center;
}
.load h4 {
    width: 1.6rem;
    height: .8rem;
    font-size: .28rem;
    font-weight: bold;
    color: #ffffff;
    line-height: .8rem;
    position: absolute;
    top: .9rem;
    left: -.4rem;
    z-index: 14;
    text-align: center;
}

/*加载进度动画*/
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.hbcreat{
    width: 100%;
    height: 100%;
    background-color: #19150a;
    vertical-align: middle;
    z-index: 9999999!important;
}
.hbcreat p{
    color: #ffffff;
    font-size: .32rem;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);

}
.loading-icon {
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width: .6rem;
    height: .6rem;
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #19150a;
    border-left-color: #19150a;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 1500ms linear infinite;
    animation: nprogress-spinner 1500ms linear infinite;
}
.noscoll{
    position: fixed;
}
/**/
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide img{
    width: 100%;
    background-size: cover;
}
/*第一页*/
.panel_one,.panel_two{
    position: relative;
}
.up_btn{
    position: absolute;
    top: 50%;
    margin-top: 23vh;
    left: 50%;
    margin-left: -11vh;
    width: 22vh!important;
}
/*第二页*/
.txtBox{
    text-indent: 2em;
    position: absolute;
    width: 60%;
    text-align: justify;
    top:9%;
    /*margin-top: -48vh;*/
    margin-left: 20%;
    font-size: .22rem;
    line-height: .3rem;
    color: #ffffff;
    /*letter-spacing: .01rem;*/
}
.btnBox{
    position: absolute;
    width: 100%;
    text-align: center;
    /*top:50%;*/
    /*margin-top:12vh;*/
    bottom: 30%;
    left: 50%;
    margin-left: -50%;
}
.btnBox .showBox a{
    display: inline-block;
}
.btnBox .showBox a .rules,
.btnBox .showBox a .mine{
    width: 1.3rem;
    background-size: cover;
}
.btnBox .showBox a .detail{
    width: 1.8rem;
    background-size: cover;
}
.swiper-slide img.up_btn02{
    width: 21vh;
    background-size: cover;
    margin-top: 4vh;
}
/*详情弹框*/
/*.tk_detail,*/
/*.tk_rules{*/
    /*position: relative;*/
/*}*/
.tk_detail .tk_top{
    /*position: absolute;*/
    text-align: center;
}
.tk_detail .tk_pos,.tk_rules .tk_pos {
    position: fixed;
    top: 50%;
    transform:translateY(-50%);
}
.tk_detail .tk_top .img_tk{
    width: 100%;
    background-size: cover;
}
.tk_detail .tk_top .joinBtn{
    position: absolute;
    width: 2rem;
    background-size: cover;
    top:50%;
    margin-top: 3.2rem;
    left: 50%;
    margin-left: -1rem;
}
/*规则弹框*/
.tk_rules .tk_top .knowBtn{
    position: absolute;
    width: 20vh;
    background-size: cover;
    top:50%;
    margin-top: 38vh;
    left: 50%;
    margin-left: -10vh;
}
.tk_rules .tk_top{
    /*left: 50%;*/
    /*margin-left: -25vh;*/
    text-align: center;
}
.tk_rules .tk_top .txtBox{
    height: 3.5rem;
    overflow-y: scroll;
    margin-top: 1.7rem;
    font-size: .24rem;
}
.tk_rules .tk_top .txtBox h3{
    font-size: .3rem;
    line-height: .4rem;
    margin: .1rem 0;
}
.tk_rules .tk_top .txtBox h5{
    font-size: .27rem;
    line-height: .4rem;
    margin: .07rem 0;
}
.tk_rules .tk_top .txtBox p{
    font-size: .24rem;
    line-height: .34rem;
    margin: .05rem 0;
}
.tk_rules .tk_top .img_tk{
    width: 90%;
    background-size: cover;
}
/*支付结果*/
.payedBox{
    position: relative;
}
.payedBox .bg_img{
    width: 100%;
    background-size: cover;
}
.payedBox .payed_panel{
    width: 100%;
    text-align: center;
    position: absolute;
    top:50%;
    margin-top: 30vh;
    left: 50%;
    transform:translateX(-50%);

}
.payedBox .payed_panel .top{
    position: relative;

}
.payedBox .payed_panel .top h3{
    color: #19150a;
    font-size: 4vh;
    margin-bottom: 3vh;
}
.payedBox .payed_panel .top h3 span{
    color: #82624f;
}
.payedBox .payed_panel .top p{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    font-size: 3vh;
    color: #82624f;
    margin-left: 14vh;
    margin-top: -.7vh;
}
.payedBox .payed_panel .top img{
    width: 48vh;
    background-size: cover;
}
.payedBox .payed_panel .bottom{
    margin-top: 12vh;
}
.payedBox .payed_panel .bottom img{
    width: 14vh;
    background-size: cover;
}
/*我的*/
.mine .goback{
    position: fixed;
    top: .3rem;
    left: .9rem;
}
.mine .goback img{
    width: .7rem;
    height: .7rem;
    background-size: cover;
}
.person{
    text-align: center;
}
.person .top{
    margin-top: 6vh;
}
.person .top .img_border01{
    width: 20vh;
    background-size: cover;
}
.person .top p{
    font-size: 3vh;
    color: #19150a;
    line-height: 5vh;
}
.person .top .photo_pic{
    width: 17vh;
    height: 17vh;
    background-size: cover;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
.person .middle .border{
    /*margin-top: 2vh;*/
    width: 52vh;
    background-size: cover;
}
.person .middle .img_border02{
    width: 30vh;
    background-size: cover;
    margin-top: 1.2vh;
    margin-bottom: 1.2vh;
}
.person .middle h5{
    font-size: 3vh;
    color: #19150a;
}
.person .middle h3{
    font-size: 3vh;
    color: #19150a;
    font-weight: bold;
}
.person .middle .seatlist h3{
    font-size: .24rem;
    margin: .02rem .1rem;
}
.person .middle .seatlist{
    width: 56%;
    margin-left: 22%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*position: absolute;*/
    /*left: 50%;*/
    /*transform:translateX(-50%);*/
}
.person .middle p.dateTime{
    font-size: 2.3vh;
    color: #19150a;

}
.person .bottom img{
    margin-top: .1rem;
    width: 20vh;
    background-size: cover;
}
.person .remind img{
    margin-top: .13rem;
    width: 33vh;
    background-size: cover;
}
.swiper-button-next {
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/right.png")!important;
    width: 7vh!important;
    height: 9.45vh;
    background-size: cover!important;
    right: 8.55vh!important;
    left: auto;
    margin-top: -.2rem!important;
}
.swiper-button-prev {
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/left.png")!important;
    width: 7vh!important;
    height: 9.45vh;
    background-size: cover!important;
    left: 8.55vh!important;
    margin-top: -.2rem!important;
    right: auto
}
.person .swiper-slide{
    position: relative;
    text-align: center;
}
.person .swiper-slide .haspayed{
    position: absolute;
    width: 11vh;
    background-size: cover;
    top:6.8vh;
    right: 9vh;
}
/*长桌宴*/
.seats{
    position: absolute;
    width: 100%;
    /*margin-top: 48vh;*/
    margin-top: 6.3rem;
}
.seats .aBlock{
    width: 100%;
}
.seats .aBlock a{
    display: inline-block;
    /*width: 25vh;*/
    /*height: 11vh;*/
    width:2.9rem;
    height: 1.3rem;
    /*background-color:yellow;*/

}
.btnpanel{
    position: fixed;
    top: .3rem;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 .3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.btnpanel a img{
    width:1.5rem ;
    background-size: cover;
}
/*横排选座*/
.horiseat,.vertiseat{
    text-align: center;
}
.horiseatBox{
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    /*justify-content: space-between;*/
}
/*.vertiseatBox{*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*align-content: space-around;*/
    /*justify-content: space-between;*/
/*}*/
.vertiseatBox{
    /*background-image: url("../image/vseat_750.jpg");*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background-size: cover;*/
    position: relative;
}
.vertiseatBox .seatbtn{
    padding: .2rem .3rem;
    /*position: absolute!important;*/
    top: .2rem;
}
.vertiseatBox .seatbtn,.vertiseatBox .btnBox02{
    position: fixed;
    z-index: 2;
}
.vertiseatBox .btnBox02{
    bottom: .2rem;
}
.vertiseatBox .btnBox02 .btns{
    justify-content: center;
}
.vertiseatBox .panel01{
    position: absolute;
    top:1.1rem;
    width: 100%;
}
/*.vertiseatBox .panel01 .vseatBg{*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top:0;*/
    /*width: 100%;*/
    /*background-size: cover;*/
    /*z-index: -1;*/
/*}*/
/*.vertiseatBox .seat{*/
    /*width: 100%;*/
    /*height: 100vh;*/
    /*position: relative;*/
/*}*/
a .gohome{
    margin-top: 1vh;
    width: 15vh;
    background-size: cover;
}
.horiseat .seat{
    position: relative;
    /*margin-top: .05rem;*/
}
.horiseat .seat .seatbg{
    width: 100%;
    background-size: cover;
}
.horiseat .aseat{
    position: absolute;
    display: flex;
    flex-wrap:wrap;
    align-content:space-between;
    justify-content:center;
    height:2.85rem ;
}
.horiseat .aseat a{
    display: inline-block;
    width: 1rem;
    height: .61rem;
    margin: 0 .06rem;
    background-size: cover;
    font-size: 2.8vh;
    color: #ffffff;
    line-height: .58rem;
}
.horiseat .aseat a.noChoose{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/seat.png");
}
.horiseat .aseat a.hasChose{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/chosen.png");
    color: #8b8fa2;
}
.horiseat .aseat a.sellout{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/sellout.png");
}
.horiseat .aseat a.sellout-dark{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/sellout-dark.png");
}
.horiseat .aseat a.locked{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/locked.png");
}
.horiseat .aseat a.locked-dark{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/locked-dark.png");
}
.btnBox02{
    position: relative;
    width: 100%;
}
.btnBox02 .btns{
    width: 100%;
    padding: 0 .3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.btnBox02 a{
    display: inline-block;
}
.btnBox02 a img{
    width: 1.7rem;
    height: .65875rem;
    background-size: cover;
}
#pageUp,#pageDown{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/pre.png");
    width: 1.7rem;
    height: .65875rem;
    background-size: cover;
    color: #f9db35;
    font-size: .34rem;
    line-height: .65875rem;
}
#pageUp:active,#pageDown:active{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/nextb.png");
    width: 1.7rem;
    height: .65875rem;
    background-size: cover;
    color: #ffffff;
}
.btnBox02 span{
    position: absolute;
    display: block;
    width: .46rem;
    height: .46rem;
    line-height: .46rem;
    color: #ffeaa8;
    font-size: .28rem;
    border-radius: 50%;
    background-color: #841e17;
    top:-.2rem;
    left: 50%;
    margin-left: .5rem;
}
/*竖排选座*/
.vertiseat .aseat{
    padding: 0 .1rem .3rem .1rem;
    width: 100%;
    height: 9rem;
    box-sizing: border-box;
    display: flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-content:space-between;
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform:translateY(-50%);*/

}
.vertiseat .aseat a{
    display: block;
    width: 1.2rem;
    height: .736rem;
    margin: 0 0 .12rem 0 ;
    background-size: cover;
    font-size: 3vh;
    color: #ffffff;
    line-height: .7rem;
}
/*.vertiseatBox{*/
    /*width: 100%;*/
/*}*/
.vertiseat .aseat a.noChoose{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/seat.png");
}
.vertiseat .aseat a.hasChose{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/chosen.png");
    color: #8b8fa2;
}
.vertiseat .aseat a.sellout{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/sellout.png");
}
.vertiseat .aseat a.sellout-dark{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/sellout-dark.png");
}
.vertiseat .aseat a.locked{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/locked.png");
}
.vertiseat .aseat a.locked-dark{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/locked-dark.png");
}
/*验证码弹框*/
.tk_yz{
    position: relative;
}
.tk_yz .tk_box{
    position: fixed;
    top: 50%;
    transform:translateY(-50%);
}
.tk_yz .tk_bg{
    width: 100%;
    background-size: cover;
}
.tk_yz .tk_top{
    position: fixed;
    left: 50%;
    transform:translateX(-50%);
    margin-top: 2rem;
}
.tk_yz .tk_top .tk_input{
    background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/bg_input.png");
    width: 4.2rem;
    height: 1rem;
    background-size: cover;
    margin-bottom: .4rem;
}
.tk_yz .tk_top .tk_input .input-txt{
    width: 2rem;
    height: .4rem;
    line-height: .4rem;
    margin-top: .3rem;
    font-size: .26rem;
    color: #e0cfba;
    margin-left: .4rem;
}
.tk_yz .tk_top .tk_input .input-yzm{
    width: 1.4rem;
    height: .4rem;
    background-color: #e0cfba;
    font-size: .24rem;
    color: #373d5e;
    text-align: center;
    line-height: .4rem;
    /*margin-left: 3rem;*/
}
.tk_yz .btns{
    text-align: center;
    margin-top: .6rem;
}
.tk_yz .btns .a-btn{
    display: inline-block;
    margin: 0 .1rem;
}
.tk_yz .btns .a-btn img{
    width: 1.8rem;
    background-size: cover;
}
/*分享海报*/
/*#person{*/
    /*position: absolute;*/
    /*left: -200%;*/
    /*height: 100vh;*/
    /*z-index: -2;*/
    /*opacity: 1;*/
    /*width: 100%;*/
/*}*/
#person{
    position: absolute;
    left: -200%;
    top:0;
    /*height: 100vh;*/
    z-index: 11;
    opacity: 0;
    width: 78%;
    margin-left: 11%;
}
/*#person{*/
    /*position: absolute;*/
    /*left: -200%;*/
    /*top:5%;*/
    /*height: 100vh;*/
    /*z-index: 11;*/
    /*opacity: 1;*/
    /*width: 78%;*/
    /*margin-left: 11%;*/
/*}*/
    #person img{
        width: 100%;
        background-size: cover;
    }
    #person .other{
        position: absolute;
        left: 50%;
        transform:translateX(-50%);
    }
    #person .other .tx{
        width: 1.4rem;
        height: 1.4rem;
        background-size: cover;
        border-radius: 50%;
        /*margin-top: .3rem;*/
    box-shadow: .05rem .05rem .08rem #935310;
}
#person .other p{
    font-size: .34rem;
    color: #935310;
    margin-top: 3.9rem;
    margin-left: 1.85rem;
}
#person .other .location{
    position: absolute;
    font-size: .34rem;
    color: #935310;
    left: 1.2rem;
    bottom: .63rem;
    width: 6rem;
    text-align: left;
}
.creatImg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    z-index: 99999;
    text-align: center;
}
.creatImg .shareClose{
    width: 7vh;
    background-size: cover;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    margin-top: 1vh;
}
/*分享*/
.sharebg img{
    width: 100%;
    background-size: cover;
}
/*团购*/
.seatbtn{
    width: 100%;
    padding: 0 .3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.seatbtn img{
    width: 1.7rem;
    background-size: cover;
}
.tk_rules .tk_top .tgtxt p{
    color: #5e3b0f;
    font-size: .36rem;
    line-height: .5rem;
}
.tk_number .tk_top .img_tk{
    width: 90%;
    background-size: cover;
    margin-left: 5%;
}
.tk_number .tk_top{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}
.tk_number .tk_top .tgnumber{
    width: 3rem;
    margin-top: 2.6rem;
    font-size: .72rem;
    color: #d47224;
    left: 50%;
    margin-left: 0;
    transform:translateX(-50%);
    text-align: center;
}
.tk_number .tk_top .tgnumber .top{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
}
.tk_number .tk_top .tgnumber .top a{
    color: #d47224;
    text-indent: 0!important;
}
.tk_number .tk_top .tgnumber .input-txt{
    background-color: #c9c9c8;
    color: #5e3b0f;
    font-size: .72rem;
    width: 2.3rem;
    height: .6rem;
    padding: .2rem 0;
    line-height: .6rem;
    text-align: center;
    border: 1px solid #333333;
    margin: 0 .1rem;
}
.tk_number .tk_top .tgnumber .input-txt::-webkit-input-placeholder{
    color: #5e3b0f;
}
.tk_number .tk_top .tgnumber a img.pay{
    width: 2rem;
    /*height: .93rem;*/
    background-size: cover;
    margin-top: .9rem;
}
.tk_number .tk_top .knowBtn{
    width: .5rem;
    height: .5rem;
    background-size: cover;
    position: absolute;
    margin-top: .8rem;
    left: 50%;
    margin-left: 2rem;
}
/*加载*/
.loading{
    background-color: #ffffff;
    text-align: center;
    z-index: 999999!important;
}
.loading .loadingImg{
    width: .48rem;
    background-size: cover;
    position: fixed;
    top: 50%;
    transform:translateY(-50%);
}

/**按钮**/
.a-link {
    display: block;
    width: 100%;
    background-color: rgb(44,49,68);
    border-radius: .42rem;
    -webkit-border-radius: .42rem;
    height: .84rem;
    line-height: .84rem;
    text-align: center;
    font-size: .3rem;
    color: #ffffff;
    letter-spacing: .05rem;
}

.a-link:active{
    background-color:rgba(44,49,68,.7) ;
}

/**文字提示框**/
.bg-black{
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,.7);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    z-index: 99;
}
.mask_layer{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}
.mask_model{
    position: fixed;
    width: 4rem;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: rgb(255,255,255);
    z-index: 102;
    /*left:50%;*/
    /*top:50%;*/
    /*margin-left:-2.6rem;*/
    /*-webkit-transform:translateY(-50%);*/
    /*transform:translateY(-50%);*/

}
.model_head{
    position: relative;
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    font-size: .3rem;
    letter-spacing: .1rem;
    color: #000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: rgb(255,255,255);
}
.model_head .close_icon{
    position: absolute;
    top: .18rem;
    right: .2rem;
    width: .34rem;
    height: .34rem;
    background-position: 0 -2.52rem;
}
.tip_txt{
    padding:.3rem .2rem;
    text-align: center;
    line-height: .32rem;
    font-size: .24rem;
    color: #767676;
    border-bottom: 1px solid #e4e4e4;
}
.tip_btn,.tip_btns{
    display: block;
    width: 100%;
    text-align: center;
    height: .64rem;
    line-height: .64rem;
    font-size: .28rem;
    color: #2c3144;
}

@media screen and (min-height: 665px)and (max-height:670px){
    .up_btn{
        margin-top: 32vh;
    }
    .txtBox {
        text-indent: 2em;
        position: absolute;
        width: 60%;
        text-align: justify;
        top: 10%;
        /* margin-top: -48vh; */
        margin-left: 20%;
        font-size: .22rem;
        line-height: .37rem;
        color: #ffffff;
        letter-spacing: 0rem;
    }
    .btnBox{
        position: absolute;
        width: 100%;
        text-align: center;
        /*top:50%;*/
        /*margin-top:12vh;*/
        bottom: 17%;
        left: 50%;
        margin-left: -50%;
    }
    .horiseatBox {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
    }
    .vertiseatBox {
        /*position: absolute;*/
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
        /*height: 100%;*/
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*align-content: space-around;*/
        /*justify-content: space-between;*/
        position: relative;
    }
    .vertiseatBox .panel01{
        position: absolute;
        top:1rem;
        width: 100%;
    }
    .vertiseatBox .seat{
        /*width: 100%;*/
        /*height: 100vh;*/
        /*position: relative;*/
    }
    .vertiseat .aseat {
        padding: 0 .1rem .3rem .1rem;
        width: 100%;
        height: 10rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-between;
        /*position: absolute;*/
        /*top:50%;*/
        /*transform:translateY(-50%);*/

    }
    .vertiseat .aseat a {
        display: block;
        width: 1.2rem;
        height: .736rem;
        margin: .11rem 0;
        background-size: cover;
        font-size: 3vh;
        color: #ffffff;
        line-height: .7rem;
    }
    .seatbtn{

        width: 100%;
        padding: 0 .3rem;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }

}

@media screen and (min-height: 700px){
    .up_btn{
        margin-top: 32vh;
    }
    .txtBox {
        text-indent: 2em;
        position: absolute;
        width: 60%;
        text-align: justify;
        top: 10%;
        /* margin-top: -48vh; */
        margin-left: 20%;
        font-size: .22rem;
        line-height: .37rem;
        color: #ffffff;
        letter-spacing: 0rem;
    }
    .btnBox{
        position: absolute;
        width: 100%;
        text-align: center;
        /*top:50%;*/
        /*margin-top:12vh;*/
        bottom: 17%;
        left: 50%;
        margin-left: -50%;
    }
    .horiseatBox {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
    }
    .vertiseatBox {
        /*position: absolute;*/
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
        /*height: 100%;*/
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*align-content: space-around;*/
        /*justify-content: space-between;*/
    }
    .vertiseatBox .panel01{
        /*background-image: url("https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/vseat.jpg");*/
        /*width: 100%;*/
        /*height: 100vh;*/
        /*background-size: cover;*/
        /*position: relative;*/
        position: absolute;
        top:1.1rem;
        width: 100%;
    }
    .vertiseatBox .seat{
        /*width: 100%;*/
        /*height: 100vh;*/
        /*position: relative;*/
    }
    .vertiseat .aseat {
        padding: 0 .1rem .3rem .1rem;
        width: 100%;
        height: 10rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-between;
        /*position: absolute;*/
        /*top:50%;*/
        /*transform:translateY(-50%);*/

    }
    .vertiseat .aseat a {
        display: block;
        width: 1.2rem;
        height: .736rem;
        margin: .11rem 0;
        background-size: cover;
        font-size: 3vh;
        color: #ffffff;
        line-height: .7rem;
    }
    .seatbtn{

        /*width: 100%;*/
        /*padding: 0 .3rem;*/
        /*box-sizing: border-box;*/
        /*display: flex;*/
        /*justify-content: space-between;*/
        padding: .2rem .3rem;
        /*position: absolute!important;*/
        top: .2rem;
    }

}
.tk_payed .tk_top{
    position: fixed;
    left:50%;
    top: 50%;
    transform:translate(-50%,-50%);
    text-align: center;
}
.tk_payed .tk_top .top{
    position: absolute;
    margin-top: 2.45rem;
    left: 50%;
    transform:translateX(-50%);
}
.tk_payed .tk_top .top p{
    font-size:.4rem ;
    color: #82624f;
}
.tk_payed .tk_top .top a img{
    margin-top: 1.1rem;
    width: 1.2rem;
    background-size: cover;
}
.tk_payed .img_tk{
    width: 5.1rem;
    background-size: cover;
}

/*动画*/
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(0.8,0.8,0.8);
        transform: scale3d(0.8,0.8,0.8);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(0.8,0.8,0.8);
        transform: scale3d(0.8,0.8,0.8);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}